.content{
	position: absolute;
	left: 0;width: 750upx;
	
/* 	padding-left: 30upx;
	padding-right: 30upx; */
	background-color: #dbd2cd;
}
	
.reader{
	background-color: #dbd2cd;
	color: #231b10;
	width: 750upx; 
}
.directory-pop{
	position: absolute;
	left: 0;
	background-color: rgba(255,255,255,1);
	z-index: 10;
	top: 0;
	width: 600upx;
	transform:translate(-750upx,0);
	
}
	
.hide{
	transform: translateX(-750upx);
}	
.show{
	transform: none;
}
.directory-list{
	position: absolute;
	left: 0;
	width:600upx;
		
}
.directory-item{
	line-height: 80upx;
	height: 80upx;
	font-size: 30upx;
	border-bottom-width: 1px;
	border-bottom-color: #eee;
	padding-left: 30upx;
	padding-right: 30upx;
}


.p{
	margin-bottom: 20px;
	line-height: 30px;
	font-size: 18px;
}
.directoryTitle{
	font-size: 12px;
	line-height: 30px;
	position: absolute;
	padding-left: 20px;
	padding-right: 20px;
	left: 0;
}
/* 控制台 */

.console-pop{
	position: absolute;
	width: 750upx;
	left: 0;
	top: 0;
}
.console-pop-bg{
	position: absolute;
	width: 750upx;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.4);
}
.console-pop-top{
	position: absolute;
	width: 750upx;
	left: 0;
	top: 0;
	background-color: #dbd7d4;
}
.console-pop-bottom{
	position: absolute;
	width: 750upx;
	left: 0;
	bottom: 0;
	background-color: #dbd7d4;
}
.console-btn{
	height: 50px;
	line-height: 50px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
}
.console-pop-top-content{
	width: 750upx;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.content-box{
	padding: 0 20px;
}
.title{
	color: #9c7729;
	font-size: 30upx;
	width: 400upx;
	height:50px ;
	line-height: 50px;
	text-align: center;
}
.back-btn{
	width: 100upx;
	height: 50px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;top: 0;
}
.directory-btn{
	width: 100upx;
	height: 50px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;top: 0;
}
.console-img{
	width: 20px;
	height: 20px;
}

.previousTouth{
	position: absolute;
	left: 0;
	width: 300upx;
	height: 300upx;
	top: 0;
}
.nextTouth{
	position: absolute;
	right: 0;
	width: 300upx;
	height: 300upx;
	top: 0;
}
.menuTouth{
	position: absolute;
	left: 300upx;
	width: 150upx;
	height: 300upx;
	top: 0;
}